<ion-header>
  <ion-navbar>
    <ion-title>
      MY INFORMATION 
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>

  <div class="ft-tab-my-information">
    <div>
      
    <div class="information"><b>Personal information</b></div>
  
      
    <ion-item>
    <ion-input placeholder="Title" [(ngModel)]="title1"></ion-input>
     <ion-select [(ngModel)]="person" cancelText="Nah" okText="Okay!">
      <ion-option value="mr." >Mr.</ion-option>
      <ion-option value="mrs.">Mrs.</ion-option>
      <ion-option value="ms." >Ms.</ion-option>
      <ion-option value="miss.">Miss</ion-option>
      <ion-option value="dr.">Dr.</ion-option>
      <ion-option value="prof.">Prof.</ion-option>
    </ion-select>
  </ion-item>
  <ion-item>
    <ion-input placeholder="First name" [(ngModel)]="firstname"></ion-input>
  </ion-item>
  <ion-item>
    <ion-input placeholder="Last name" [(ngModel)]="lastname"></ion-input>
  </ion-item>
  <ion-item>
    <ion-input placeholder="Email" [(ngModel)]="email"></ion-input>
  </ion-item>
  <ion-item>
    <ion-input placeholder="Mobile Number" [(ngModel)]="mobilenumber"></ion-input>
  </ion-item>
   
    <div class="information"><b>Company Person</b></div>
  
  <ion-item>
     <ion-input placeholder="Industry Type" [(ngModel)]="industrytype"></ion-input>
    <ion-select [(ngModel)]="company" cancelText="Nah" okText="Okay!">
      <ion-option value="Consulting Agency">Consulting Agency</ion-option>
      <ion-option value="Association">Association</ion-option>
      <ion-option value="Computers, Hardware">Computers, Hardware</ion-option>
      <ion-option value="Media">Media</ion-option>
      <ion-option value="Research Institute">Research Institute</ion-option>
      <ion-option value="College/University">College/University</ion-option>
      <ion-option value="ewre">ewre</ion-option>
    </ion-select>
  </ion-item>
  <ion-item>
    <ion-input placeholder="Company Name" [(ngModel)]="companyname"></ion-input>
  </ion-item>
  <ion-item>
    <ion-input placeholder="Department" [(ngModel)]="department"></ion-input>
  </ion-item>
  <ion-item>
    <ion-input placeholder="Job Title" [(ngModel)]="jobtitle"></ion-input>
  </ion-item>
   
    <div class="information"><b>Contact File</b></div>
  
    <ion-item>
     <ion-input placeholder="Title" [(ngModel)]="title2"></ion-input>
    <ion-select [(ngModel)]="contact" cancelText="Nah" okText="Okay!">
      <ion-option value="Mr.">Mr.</ion-option>
      <ion-option value="Mrs.">Mrs.</ion-option>
      <ion-option value="Ms.">Ms.</ion-option>
      <ion-option value="Miss">Miss</ion-option>
      <ion-option value="Dr.">Dr.</ion-option>
      <ion-option value="Prof.">Prof.</ion-option>
    </ion-select>
  </ion-item>
  <ion-item>
    <ion-input placeholder="Full Name" [(ngModel)]="fullname"></ion-input>
  </ion-item>
  <ion-item>
    <ion-input placeholder="Contact Email" [(ngModel)]="contactEmail"></ion-input>
  </ion-item>
    </div>
    <div class="wrongmessage">{{wrongmessage}}</div>
    <div class="butt1" (click)='submit()' tappable>
   <button FULL>Submit</button>
    </div>
  </div>

</ion-content>